<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>售水机</title>
		<meta name="keywords"  content="KEYWORDS..." />
		<meta name="description" content="DESCRIPTION..." />
		<meta name="author" content="DeathGhost" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name='apple-touch-fullscreen' content='yes'>
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.none{display:none;}
		</style>
	</head>
	<body style="background:#f6f6f6;">
		<div class="content">
			<header class="page-header1">
				<a href="javascript:;" onClick="javascript:history.back(-1);"><img src="../img/icon_left.png" class="back_img" style="float:left;"/></a>
				<h3>设备详情</h3>
			</header>
		
		<div class="sidenav">
			<div class="equipment_details">
				<div class="new_l_l active">设备信息</div>
				<div class="new_l_l">设备状态</div>
			</div>
		</div>
		
		<div class="scd_r">
			<div class="equipments_list">
				<div class="equipments_lists">
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_id">设备ID</div>
						<div class="equipment_details_list equipment_id_number">1453</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_raw_water">原水TDS</div>
						<div class="equipment_details_list equipment_raw_water_number">0</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_temperature">箱体内部温度（℃）</div>
						<div class="equipment_details_list equipment_temperature_number">消费</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_network_state">网络状态</div>
						<div class="equipment_details_list equipment_network_state_number">离线</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_network_signal">网络信号</div>
						<div class="equipment_details_list equipment_network_signal_number">30</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_net_update">网络状态更新</div>
						<div class="equipment_details_list equipment_net_update_number">2018/6/9 9:04:07</div>
					</div>
				</div>
			</div>
		</div>
		<div class="scd_r none">
			<div class="equipments_list">
				<div class="equipments_lists">
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_device_status">设备状态</div>
						<div class="equipment_details_list equipment_device_status_number">故障</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_device_status_update">设备状态更新</div>
						<div class="equipment_details_list equipment_device_status_update_number">2018/6/8 18:25:24</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_failure_time">故障时间</div>
						<div class="equipment_details_list equipment_failure_time_number">2018/6/8 18:25:24</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_payment_sign">支付标志</div>
						<div class="equipment_details_list equipment_payment_sign_number">支付标志</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_fault">故障</div>
						<div class="equipment_details_list equipment_fault_number">水满</div>
					</div>
					
					<div class="equipments_lists_d">
						<div class="equipment_details_list equipment_water_source_state">外部水源状态</div>
						<div class="equipment_details_list equipment_water_source_state_number">无水源</div>
					</div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
		</div>
	</body>
	
	<script type="text/javascript">
		$('.sidenav .new_l_l').click(function(){
			var _index=$(this).index();
			$('.scd_r').addClass('none').eq(_index).removeClass('none');
		});
		$('.sidenav .new_l_l').bind('click', function(){
		    $(this).addClass('active').siblings().removeClass('active');
		});
	</script>
</html>
